<template>
    <!-- html -->
    <div class="TypeScript">

    </div>
</template>


<!-- npm i vite-plugin-vue-setup-extend -D -->
<script lang="ts" setup name='TypeScript'>
import { type PersonInterfacr,type Persions } from "@/types"

let person: PersonInterfacr = { id: "12", name: "dada", age: 12 }

let persons: Array<PersonInterfacr> = [
    { id: "12", name: "dada", age: 12 },
    { id: "12", name: "dada", age: 12 },
    { id: "12", name: "dada", age: 12 }
]

let personss: Persions = [
    { id: "12", name: "dada", age: 12 },
    { id: "12", name: "dada", age: 12 },
    { id: "12", name: "dada", age: 12 }
]

console.log(person.id)
</script>

<style scoped>
/* 样式 */
.TypeScript {
    background-color: skyblue;
    border-radius: 10px;
    padding: 20px;
}
</style>